<!--
 * @Author: your name
 * @Date: 2021-11-24 11:43:33
 * @LastEditTime: 2021-12-08 22:02:59
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue-antd-admin-y\src\components\tool\FooterToolBar.vue
-->
<template>
  <div class="toolbar">
    <div style="float: left">
      <slot name="extra"></slot>
    </div>
    <div style="float: right">
      <slot></slot>
    </div>
  </div>


  <!-- <div class="toolbar" v-show="show">
    <div style="float: right">
      <slot></slot>
    </div>
  </div> -->
</template>

<script>
export default {
  name: 'FooterToolBar',
  data(){
    return{
      show:true
    }
  },
  created(){
    //  if( document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) ){
    //     console.log(1)
    //  }else{
    //      console.log(2)
    //  }
    //  if(document.body.scrollHeight > window.innerHeight){
    //     console.log(1)
    //  }else{
    //      console.log(2)
    //  }
  }
  
}
</script>

<style lang="less" scoped>
  .toolbar{
    /* Safari and Chrome */

    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    box-shadow: 0 -1px 2px @shadow-color;
    background: @base-bg-color;
    border-top: 1px solid @border-color-split;
    padding: 12px 24px;
    z-index: 8;
    
  }

  .toolbarNone{
      // position: fixed;
    width: 100%;
    // bottom: 0;
    // right: 0;
    // box-shadow: 0 -1px 2px @shadow-color;
    // background: @base-bg-color;
    border-top: 1px solid @border-color-split;
    padding: 12px 24px;
    z-index: 8;
  }
</style>
